<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>红包信息列表</title> 
<%@ include file="/page/include.jsp"%>
<script src="<%=basePath%>/statics/js/webform.js" type="text/javascript"></script>
</head>
<body class="nav-md">
    <div class="container body">
        <div class="main_container">
            <div class="framebody" role="main">
                <div class="row">
                    <div class="col-md-12 col-sm-12 col-xs-12">
                        <div class="x_panel">
                            <div class="x_title">
                                <h2>
                                    <i class="fa fa-pencil fa-fw"></i>查询条件 <small></small>
                                    <input type="hidden" id="systemTime" value="${systemTime }" />
                                </h2> 
                                <div class="clearfix"></div>
                            </div>
                            <div class="x_content">
                                <form id="position-form" class="form-horizontal form-label-left">
                                    <div class="form-group">
                                        <label class="control-label col-md-1" for="couponDate">红包使用时间:
                                        </label>
                                        <div class="col-md-5">
                                            <input type="text" id="couponDate" name="couponDate" class="form-control">
                                            <!-- <i class="glyphicon glyphicon-calendar fa fa-calendar" style="z-index: 100;padding-left: 95%;margin-top: -25px;"></i> -->
                                        </div>
                                        <label class="control-label col-md-1" for="couponGetDate">红包领取时间 :
                                        </label>
                                        <div class="col-md-5">
                                            <input type="text" id="couponGetDate" name="couponGetDate" class="form-control">
                                            <!-- <i class="glyphicon glyphicon-calendar fa fa-calendar" style="z-index: 100;padding-left: 95%;margin-top: -25px;"></i> -->
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        
                                        <label class="control-label col-md-1" for="couponName">红包名称:
                                        </label>
                                        <div class="col-md-2">
                                            <input type="text" id="couponName" name="couponName" class="form-control col-md-12">
                                        </div>
                                        <label class="control-label col-md-1" for="roleName"> 状态 :
                                        </label>
                                        <div class="col-md-2">
                                            <select class="form-control col-md-12" id="status" name="status"> 
                                               <option value="">全部</option>
                                               <option value="1">未开始</option>
                                               <option value="2">进行中</option>
                                               <option value="3">已结束</option>
                                               <option value="0">已暂停</option>
                                           </select>
                                        </div>
                                        <div class="col-md-6">
	                                        <div class="pull-right">
	                                            <a class="btn btn-danger" id="btnClear"><i class="fa fa-trash-o fa-fw"></i>清空</a> 
	                                            <a class="btn btn-primary search" id="btnQuery"><i class="fa fa-search-plus fa-fw"></i>查询</a>
	                                        </div>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-12 col-sm-12 col-xs-12">
                        <div class="x_panel">
                            <div class="x_title">
                                <h2>
                                    <i class="fa fa-reorder fa-fw"></i>红包信息 <small></small>
                                </h2>
                                <div class="clearfix">
                                    <div class="pull-left"></div>
                                </div>
                            </div>
                            
                            <div class="x_content">
                                <div class="row" style="padding-bottom: 10px;">
                                    <a class="btn btn-success btn-sm" id="btnAdd"><i class="fa fa-plus fa-fw"></i>新增</a>
                                </div>
                                <div class="row">
                                    <table id="couponTable" class="table"></table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script src="${rootPath}/js/coupon/coupon_list.js?v=20171227"></script>
</body>
</html>